import Vue from "vue";
import Vuex from "vuex";
Vue.use(Vuex);
const store = new Vuex.Store({
  // state是存储的单一状态，是存储的基本数据。
  // 外部使用$store.state.a可以调用
  // 使用解构赋值 页面 载入import { mapState,  mapMutations } from 'vuex'
  // 之后使用 必须在computed里面调用  ...mapState(['a'])
  state: {
    a: 1,
  },
  // 对state的数据进行筛选，过滤。相当于计算属性
  getters: {},
  actions: {
    //相当于 mutations 里面可以写异步函数
  },
  // 在methods 里面调用...mapMutations([
  //        'xiugai'
  //    ]),
  // cc(){ 事件进行传参
  // 	 this.xiugai(3)
  // }
  mutations: {
    xiugai(d, b) {
      //只能有两个参数 ， d表示state里面的值 b表示传来的参数
      this.state.a = 2;
      console.log(d); //表示
      console.log(b);
      this.commit("lang");
    },
    lang() {
      console.log("我是下面的函数");
    },
  },
});
export default store;
